

(function () {
    let myChart = echarts.init(document.querySelector(".map .chart"));
    let datas = [];
    //获取数据
    $.post("http://ganxinmin.cn:8883/getProvinces", (responseData) => {
        responseData.data.forEach((item, index) => {
            let data = {};
            data.name = item.province.replace("市", "");
            data.value = item.num;
            datas.push(data);
        });
        option = {

            tooltip: {
                trigger: 'item',
            },
            label: {
                emphasis: {
                    show: true,
                },
            },
            series: [{
                //地图名
                name: '订单量',
                //类型地图
                type: 'map',
                //地图中每个区域的样式
                map: 'china',
                //区域性放大
                // roam: true,
                //缩放的控制
                scaleLimit: {
                    // min: 0.5,
                    // max: 3,

                },


                zoom: 1.2,


                itemStyle: {
                    //正常情况下的样式
                    normal: {
                        //区域颜色
                        areaColor: 'rgba(20,41,87,.6)',
                        //区域边框宽
                        borderWidth: 1,
                        borderColor: '#195BB9'
                    },
                    emphasis: {
                        //区域颜色
                        areaColor: '#00ff00',
                        //区域文本
                        label: {
                            //是否显示
                            show: true
                        }
                    },
                },
                //高亮设置

                //数据
                data: datas,


            }]
        }
        myChart.setOption(option);
    }, "json")
    window.addEventListener("resize", function () {
        myChart.resize();
    });
})()
